<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>账户管理页面</title>
    <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
    <style>
        body {
            font-family: 'Inter', sans-serif;
        }
        .form-group {
            margin-bottom: 1rem;
        }
    </style>
</head>
<body class="bg-gray-100 p-4">
<h1 class="text-3xl font-bold mb-4">账户管理</h1>
<!-- 查询余额 -->
<div class="bg-white p-4 rounded shadow mb-4">
    <h2 class="text-xl font-bold mb-2">查询余额</h2>
    <form th:action="@{/acc/yue}" action="/acc/yue" method="post" class="space-y-2">
        <div class="form-group">
            <label for="yueCardno">卡号:</label>
            <input type="text" id="yueCardno" name="cardno" class="border border-gray-300 p-2 w-full rounded">
        </div>
        <div class="form-group">
            <label for="yuePassword">密码:</label>
            <input type="password" id="yuePassword" name="password" class="border border-gray-300 p-2 w-full rounded">
        </div>
        <button type="submit" class="bg-green-500 text-white p-2 rounded hover:bg-green-600">查询余额</button>
    </form>
</div>
</body>
</html>